// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
export default defineNuxtConfig({
    ssr: false,
    devtools: {
        enabled: false
    },
    app: {
        // head
        head: {
            title: "solana",
            meta: [
                {
                    name: "viewport",
                    content: "width=device-width, initial-scale=1"
                },
                {
                    hid: "description",
                    name: "description",
                    content: "description"
                }
            ],
            link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }]
        }
    },

    // css
    css: ["~/assets/scss/index.scss"],

    typescript: {
        strict: true,
        shim: false
    },

    // build modules
    modules: ["@vueuse/nuxt", "@unocss/nuxt", "@pinia/nuxt", "@element-plus/nuxt", "@nuxtjs/color-mode"],

    // vueuse
    vueuse: {
        ssrHandlers: true
    },

    // colorMode
    colorMode: {
        classSuffix: ""
    },

    vite: {
        css: {
            preprocessorOptions: {
                scss: {
                    additionalData: `@use "@/assets/scss/element/index.scss" as element;`
                }
            }
        }
    }
})
